<!DOCTYPE html>
<html>
<head>
	<s3:data name='MeetingDatas.headerScript' />
    <s3:import type="css"></s3:import>
	<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
	<title></title>
	<style type="text/css">
		.cmp-table-view:after{ left: 0px;background-color: #d4d4d4;height: 0;}
		.cmp-table-view:before{ top: -1px; background-color: #d4d4d4;height: 0;}
		.cmp-table-view-cell:after{ left: 0px; background-color: #d4d4d4; }
		.apply_wrap:after{height: 0px;}
		#meetingRoomName .title{
			font-family: PingFangSC-Regular;
			font-size: 16px;
			color: #8F8F8F;
			letter-spacing: 0;
			width:100px;
		}
		#meetingRoomName .headline{
			left:120px;
		}
		#meetingRoomName .content{
			font-family: ArialMT;
			font-size: 16px;
			color: #333333;
			letter-spacing: 0;
		}
		.meetingTimeRow{
			display: flex;
			display: -webkit-flex;
			justify-content: flex-start;
			-webkit-justify-content: flex-start;
		}
		.leftCell,.rightCell{
			flex:2;
			-webkit-flex:2;
		}
		.leftCell .titleLabel,.rightCell .titleLabel{
			font-family: ArialMT;
			font-size: 16px;
			color: #999999;
			letter-spacing: 0;
		}
		.leftCell .timeLabel,.rightCell .timeLabel{
			font-family: ArialMT;
			font-size: 16px;
			color: #000000;
		}
		.leftCell input,.rightCell input{
			font-family: ArialMT;
			font-size: 16px;
			color: #717171;
		}
		.startReq em{
			color: red;
		}
		.centerCell{
			flex:1;
			-webkit-flex:1;
			display: flex;
			display: -webkit-flex;
			justify-content: center;
			-webkit-justify-content: center;
			align-items: center;
			-webkit-align-items: center;
		}
		.go-row{
			height: 28px;
	    	 line-height: 28px;
		}
		.go-row:first-child{
			margin-top: 10px;
			padding-left: 11px;
		}

		.go-row input{
			height: 25px;
			line-height: 25px;
			padding-left: 12px;
			border: 0;
		}
	</style>
</head>
<body  class="cmp-fullscreen cmp-ios cmp-ios-9 cmp-ios-9-1 back_f4">
	<div class="cmp-content relative back_f4 cmp-content-none">
		<div style=" margin-top: 10px; ">
			<form>
				<ul class="cmp-table-view new_header_content">
					<li id="meetingRoomName" class="cmp-table-view-cell">
					<table class="table_wrap">
						<tbody><tr>
								<th class="left_name"><i18n key="meeting.meetingRoomDetail.name"></i18n></th>
								<th id="romeName" class="right_text"></th>
							</tr>
						</tbody></table>
					</li>
				</ul>
				<ul class="cmp-table-view new_header_content">
					<div class="meetingTimeRow" style="height: 103px">
						<div class="leftCell" id="showStartDate" style="width: 40%;">
							<div class="go-row">
								<span class="startReq">
									<em>*</em>
									<!--会议开始时间-->
									<span class="titleLabel"><i18n key="meeting.meetingRoomApply.startTime"></i18n></span>
								</span>
							</div>
							<div class="go-row">
								<input style="color: #717171;" id="startDate" type="text" readonly="readonly">
							</div>
							<div class="go-row">
								<input class="timeLabel" id="startDatetimeLabel" readonly="readonly">
							</div>
						</div>
						<div class="centerCell">
							<img style="height:80px;width:26px;" src="../img/rightDate.png"/>
						</div>
						<div class="rightCell" id="showEndDate">
							<div class="go-row">
								<span class="startReq">
									<em>*</em>
									<!--会议结束时间-->
									<span class="titleLabel"><i18n key="meeting.meetingRoomApply.endTime"></i18n></span>
								</span>
							</div>
							<div class="go-row">
								<input style="color: #717171;" id="endDate" type="text" readonly="readonly">
							</div>
							<div class="go-row">
								<input class="timeLabel" id="endDatetimeLabel" type="text" readonly="readonly">
							</div>
						</div>
					</div>
				</ul>
			</form>
		</div>
		<div class="apply_wrap">
			<textarea id="description" maxlength="80" rows="1" style="height:80px; border:none;"></textarea>
		</div>
	</div>
	<footer class="cmp-bar cmp-bar-footer single_btn back_white">
	    <div class="wh100 border_t relative">
			<div class="btn_wrap">
				<button id="applyBtn"><i18n key="meeting.meetingRoomApply.btn"></i18n></button>
			</div>
		</div>
	</footer>
</body>
    <s3:data name='cordova' />  
	<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
	<s3:import type="js"></s3:import>
	<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-emoji.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-headerFixed.js${data:buildversion}"></script>
	<s3:data name='MeetingDatas.footerScript'/>
    <script src="<s3:data name='dependencies.meeting'/>/js/meetingRoomApply.js${data:buildversion}"></script>
</html>